<!--Operation of highchart-->
<div id="dragChart" class="dragDiv" ngDraggable 
    [handle]="handle"     
    [bounds]="limitedBound"
    [inBounds]="true"
    [preventDefaultEvent]="true">
    
    <div class="selector" #handle>
        <p> {{title}}
            <button class="close" (click)="clickClose()">
                <span>x</span>
            </button>
        </p>
    </div>

    <!--Switch case 判斷該開啟內容為何-->
    <div [ngSwitch]="true" class="dragDivContent">

        <!--Highchart-->
        <div *ngSwitchCase="title === 'dragChart'" class="chart">
            <window-dragChart></window-dragChart>
        </div>
        
        <!--側欄-->
        <div *ngSwitchCase="title === 'dragAction'" class="actionList">
            <window-dragAction class="actionItems"></window-dragAction>
        </div>   

        <!--空白-->
        <div *ngSwitchDefault class="noContent">no content</div>
    </div>
</div>